El post-footer es el pié de cada entrada. Es donde aparece el nombre del autor, las etiquetas, los comentarios, etc.
xOsse de BLOG AND ROLL explica detalladamente como añadir una imagen en ese espacio.
Paso a resumir como lo hice siguiendo sus pasos.
Nos situamos en Plantilla/ Edición de HTML buscaremos un código parecido al siguiente:



Al anterior código le hice unos cambios hasta dejarlo como xOsse explicaba de manera que ha quedado así:

.post-footer {
margin-bottom:15px;
margin-left:0px;
font-size: 87%;
background-image: url(aquí-la-url-de-tu-imagen);
background-position: top center;
background-repeat:repeat;
}

Para que resulte más rápida la carga de la página xOsse recomienda utilizar una imagen pequeña.
Para que la imagen ocupe todo el espacio debemos añadir el comando repeat como veis en el código anterior de esa forma la imagen se repite.

El resultado sería el siguiente:




Alex-4

Hola:

Recursos blog actualmente tiene una nueva URL,www.recursos-blog.com si no es mucha molestia esperamos que la cambie por la anterior www.recursos-blog.blogspot.com
Desde ya les agradecemos este favor

Saludos!

Responder
Gem@

Perfecto, sin embargo debe informar que si no se añade http:// al principio el enlace no le lleva a ninguna parte :)

Responder
_+*+_ AFR _+*+_

Está muy bonito este recurso. Tú y tus rosas van siempre juntas, es tu sello personal y el olor que debes dejar en la mano del que has ayudado.

:)

Responder
Gem@

Gracias humeante café...
Siempre encuentras palabras que llegan muy dentro.

Responder
alien

hecho, gracias

Responder
alien
Este comentario ha sido eliminado por el autor.
Responder
Gem@

Hola Alien :)

Responder
Unknown

Hola, Sabes encuentro muy cool eso de ayudar a los blogs =)
Con respecto a este consejo, pongo la imágen, y todo sale muy bien, pero lo que quiero es que no se repita. Me puedes ayudar?
Gracias

Responder
Gem@

Saludos PaNiiNa para que no se repita sustituye el comando repeat:repeat; de esta forma:
background-repeat:no-repeat;

Responder
Lic. Juan Pablo Barajas

como se hace para simplementa cambiar el color???

saludos

Responder
Gem@

Puedes añadir background:#ffffff; dentro del código Lic.
Un ejemplo sería:
.post-footer {
margin: .75em 0;
background:#ffffff;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

Lo que está en negrita lo puedes sustituir, es el color blanco.

Responder
Luciana Maciel

Hola, estoy buscando como hacer para que en cada post NO aparezca el nombre del autor, ni fecha, ni opción de comentarios. No sé como hacerlo. Podes me ayudar?

Responder
Gem@

yz Llego muy tarde ¿verdad Eloir Maciel? lo siento no vi este comentarios, pero si te ocurre otra vez puedes solucionarlo en Plantilla de diseño/Editar entradas. Ahí marcas sólo lo que deseas mostrar ;)

Responder
Unknown

GRACIAS gema...como siempre inovando..aplique este post a mi blog: http://mastripeo.blogspot.com/

M quedo muy bien..
Bye, Vanderlof

Responder
Gem@

:: Genial vanderlof, quedó muy alegre :)

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top